.top {
    background-image: url("../img/bn.jpg");
    background-size: 100% 100%;
    height: 500px;
    width: 1920px;
    color: white;
}
.top>div{
    height: 130px;
    background-color: black;
}
.top>div>div:nth-child(1)>div:nth-child(1)>div:nth-child(1){
    background-image: url("../img/qwol.png");
    background-size: 100% 100%;
    width: 70px;
    height: 63px;
    margin: 0 0 0 10px;
}
.heading{
    padding: 25px;
}
.title{
    padding: 0 0 0 20px;
}
.title>div:nth-child(2){
    font-size: 5px;
    color: grey;
    width: 190px;
}
.title>div:nth-child(1)>div:nth-child(2){
    color: rgb(107,185,14);
    padding: 0 0 0 20px;
}
.style{
    margin: 20px;
    border-right: 1px solid rgb(77, 74, 74);
}
.mailbox>div:nth-child(1){
    background-image: url("../img/qur3.png");
    height: 50px;
    width: 50px;
    background-size: 100% 100%;
}
.mailbox>div:nth-child(2)>div{
    padding: 5px 10px;
}
.phone>div:nth-child(1){
    background-image: url("../img/phone.png");
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
}
.phone>div:nth-child(2)>div{
    padding: 5px 10px;
}
.callus > div {
    margin: 0 10px 0 10px;
}
.callus>div img{
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
}
.callus > div:nth-child(1):hover {
    /*background-image: url("");*/
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    content: url("../img/qq2.png");
}

.callus > div:nth-child(2):hover {
    /*background-image: url("");*/
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    content: url("../img/pjg7.png");
}

.callus > div:nth-child(3):hover {
    /*background-image: url("");*/
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    content: url("../img/weibo2.png");
}
.nav{
    background-color: green;
    width: 1200px;
    height: 50px;
    margin: 0 0 0 100px;
}
.nav {
    display: flex;
}

.nav > div {
    /*两个参数：上下内边距   左右内边距*/
    padding: 0 20px;
    height: 50px;
    /*    要让字体上下居中  行高*/
    line-height: 50px;
    cursor: pointer;
    color: white;
}

/*鼠标移动到div上面可以变背景颜色 hover*/
.nav > div:hover {
    background-color: white;
    /*字体颜色*/
    color: black;
}
.nav>div:nth-child(8){
    background-color: white;
    cursor: auto;
}

.nav>div:nth-child(8)>div:nth-child(2){
    background-image: url("../img/fdj1.png");
    width: 30px;
    height: 28px;
    background-size: 100% 100%;
}

.slogan{
    background-color: rgba(204,193,175,0.3);
    width: 820px;
    height: 150px;
    margin: 150px 200px 0 200px;
    padding: 0 40px;
    text-align: center;
}
.slogan>div:nth-child(1){
    font-size: 30px;
    color: white;
}
.slogan>div:nth-child(2){
    font-size: 40px;
    color: white;
}
.slogan>div:nth-child(3){
    color: white;
}